<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" pageEncoding="UTF-8"%>


<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>艺术家</title>
<meta name="keywords" content="艺术家网，中国艺术名人，中国艺术家，画家，著名画家，书法家，艺术家，艺术家官网，中国美院，四川美院，全国美院，艺博客">
<meta name="description" content="艺博客是由棋至文化倾情推出的普惠艺术品类网站平台，汇集了数千位国内知名的、富有潜力的国画、油画、书法等青中老艺术家，以及近五万幅高质量风格迥异的艺术作品，是集以行业资讯、知识传播、艺术品交易、个性定制、社交互动等多项服务为一体的综合型交流交易艺术品网站。">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="telephone=no" name="format-detection">
<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no" id="viewport" name="viewport">
<meta name="baidu-site-verification" content="ShuFpCrxDG">

<link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css" />
<link rel="apple-touch-icon-precomposed" href="#static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="#static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="#static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="#static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="#static.artbloger.com/touch-icon-144.png">

<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/font_286873_tqipw4depadobt9.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/responsive2.css">
<link rel="stylesheet" type="text/css" href="css/common2.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<script src="js/hm.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/clamp.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/bfw.js"></script>
<script type="text/javascript" src="js/bfw_cart.js"></script>
<script type="text/javascript">var _bfw_config = {
		"baseurl" : "",
		"routetype" : 2,
		"contname" : "cont",
		"actname" : "act",
		"domname" : "dom",
		"jsbaseurl" : "http:\/\/static.artbloger.com\/js\/",
		"cssbaseurl" : "http:\/\/static.artbloger.com\/css\/"
	};
</script>
<!--[if lt IE 9]>  
	<link rel="stylesheet" type="text/css" href="#static.artbloger.com/css/style_ie.css" />
	<![endif]-->
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?eea5739259c05ba71917cb52729aba71";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
<!--2017.10.18添加统计代码-->
<script type="text/javascript">
	var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " #");
	document.write(unescape("%3Cspan id='cnzz_stat_icon_1265187549'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1265187549%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>



</head>


<body style="background-color: rgb(204, 204, 204); padding-top: 0px;">
	<script src="images/z_stat.php" type="text/javascript"></script>
	<script src="images/core.php" charset="utf-8" type="text/javascript"></script>
	<!--360统计代码-->
	<script type="text/javascript" src="js/206138.js" async="" defer=""></script>


	<div class="container">
	   <%@ include  file="head.jsp" %>
	
		<script type="text/javascript">
			$(document).ready(function() {
				$('#cnzz_stat_icon_1265187549').appendTo('.footer_bottom_p')
				var str = location.href;
				var search_val = str.split("/");
				var search_key = decodeURI(search_val[search_val.length - 2]);
				var search_val = decodeURI(search_val[search_val.length - 1]);
				if (search_key == 'keyword') {
					$("#search_info").val(search_val);
				}
				if (search_key == 'choice') {
					$('.ipt').addClass('ipt_q');
					$(".condition").attr('jingxuan', 1);
		
				}
		
				//其他导航条特效
				if (window.location.pathname == '/' || window.location.pathname == '') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.index_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Page/ArtworkList/' || window.location.pathname == '/artwork/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.art_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Page/ArtistList/' || window.location.pathname == '/artist/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.arter_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Lease/Index/' || window.location.pathname == '/lease/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.lease_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Zhuanti/Index/' || window.location.pathname == '/zhuanti/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.special_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/News/XinxianShi/' || window.location.pathname == '/news/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.information_is_cur').addClass('cur');
				}
		
				//艺术家详情导航条特效
				var arrhost = window.location.host.split('.');
				if (arrhost['1'] == "s") {
					$('.remove_cur').siblings().removeClass('cur');
					$('.arter_is_cur').addClass('cur');
				}
			});
			var anti_shake; // 防抖
			$('.header_atw').hover(function() {
				$('.nav_next').width($(window).width());
				clearTimeout(anti_shake);
				anti_shake = setTimeout(function() {
					$('.nav_next').stop().animate({
						height : "142px",
						paddingTop : "29px"
					}, 200);
					$('.nav_next ul li').css("display", "block");
				}, 120);
			}, function() {
				clearTimeout(anti_shake);
				$('.nav_next ul li').css("display", "none")
				$('.nav_next').stop().animate({
					height : "0px",
					paddingTop : "0px"
				}, 200);
			})
			//个人中心下滑效果
			$('.header_box header .search .user').hover(function() {
				clearTimeout(anti_shake);
		
				anti_shake = setTimeout(function() {
					$('.header_box header .search .user div').animate({
						height : "120px"
					}, 200, function() {
						$('.header_box header .search .user div li').css("display", "block")
					});
				}, 120);
			}, function() {
				clearTimeout(anti_shake);
				$('.header_box header .search .user div').animate({
					height : "0px"
				}, 200, function() {
					$('.header_box header .search .user div li').css("display", "none")
				});
			})
			//滚动距离超过200px
			$(window).scroll(function() {
				if ($(window).scrollTop() >= 88) {
					$('body').css("padding-top", "200px")
					$('.header_box').css({
						"position" : "fixed",
						"height" : "88px",
						"box-shadow" : "0 2px 6px 0 rgba(0, 0, 0, 0.1)",
						"z-index" : 50,
						"top" : 0
					});
		
					$("header").css({
						"padding-top" : "26.5px"
					});
					$(".nav_next").css({
						"top" : "88px"
					});
					$('nav>ul').css({
						"width" : "40%"
					});
					$('nav search user div ul').css({
						"width" : "100%"
					});
					$('.scr_hide').hide();
					$(".heard_log").hide();
					$(".heard_log2").css("display", "block");
				} else {
					$('body').css("padding-top", "0px")
					$('.header_box').css({
						"position" : "relative",
						"height" : "200px",
						"box-shadow" : "none"
					});
					$("header").css({
						"padding-top" : "30px"
					});
					$(".nav_next").css({
						"top" : "200px"
					});
					$('nav ul').css({
						"width" : "50%"
					})
					$('.scr_hide').show();
					$(".heard_log").show();
					$(".heard_log2").hide();
				}
			});
		
			$(function() {
				$("#search-form").click(function() {
					var search = "/Cms/Page/ArtworkList/keyword/";
					if ($('#search_info').val() == '' || $('#search_info').val() == 'undefind' || $('#search_info').val() == null) {
						$('#search_info').val('油画风景');
					}
					location.href = search + $('#search_info').val();
					return false;
				});
		
				//按下Enter键搜索
				$("#search_info").keydown(function(e) { //当按下按键时  
					if (e.which == 13) { //.which属性判断按下的是哪个键，回车键的键位序号为13  
						$('#search-form').trigger("click"); //触发搜索按钮的点击事件  
					}
				});
			});
			function bfwResponse(resjson) {
				if (resjson['err']) {
					$.Bfw.toastshow(resjson['data']);
				} else {
					if (resjson['data'].substr(0, 9) == "redirect:") {
						location.href = resjson['data'].substr(9);
					} else if (resjson['data'].substr(0, 12) == "msgredirect:") {
						var spos = resjson['data'].indexOf("---");
						if (spos > 12) {
							$.Bfw.toastshow(resjson['data'].substr(12, spos - 12));
							var gotohref = resjson['data'].substr(spos + 3);
							console.log(gotohref);
							if (gotohref == "back") {
								history.back();
							} else {
								location.href = gotohref;
							}
						}
					} else if (resjson['data'].substr(0, 4) == "back") {
						history.back();
					} else {
						$.Bfw.toastshow(resjson['data']);
					}
				}
			}
		</script>
		<div style="clear:both;"></div>
		<div class="artist_list1">
			<div class="art_l">
				<div class="artwork_classchose">
					<div class="fen">
						<p>艺术家&nbsp;&nbsp;</p>
						<ul>
							<li class="fen_classid"></li>
							<li class="fen_classid"></li>
							<li class="fen_subclassid"></li>
							<li class="fen_occasion"></li>
							<li class="fen_pricerange">重置所有条件</li>
						</ul>
						<section style="clear: both;"></section>
					</div>
				</div>

				<div class="artwork_detail">

					<div class="artwork_detail_o case1">
						<div>
							<span class="artwork_detail_t">作家</span><span>省份：</span>
						</div>

						<select name="art_listn" id="art_listid">
							<option value="0">不限</option>
							<c:forEach items="${queryProvince}" var="i">
							<option value=${i.code}>${i.name}</option>
							</c:forEach>
							<%--<option value="120000">天津</option>
							<option value="130000">河北</option>
							<option value="140000">山西</option>
							<option value="150000">内蒙古</option>
							<option value="210000">辽宁</option>
							<option value="220000">吉林</option>
							<option value="230000">黑龙江</option>
							<option value="310000">上海</option>
							<option value="320000">江苏</option>
							<option value="330000">浙江</option>
							<option value="340000">安徽</option>
							<option value="350000">福建</option>
							<option value="360000">江西</option>
							<option value="370000">山东</option>
							<option value="410000">河南</option>
							<option value="420000">湖北</option>
							<option value="430000">湖南</option>
							<option value="440000">广东</option>
							<option value="450000">广西</option>
							<option value="460000">海南</option>
							<option value="500000">重庆</option>
							<option value="510000">四川</option>
							<option value="520000">贵州</option>
							<option value="530000">云南</option>
							<option value="540000">西藏</option>
							<option value="610000">陕西</option>
							<option value="620000">甘肃</option>
							<option value="630000">青海</option>
							<option value="640000">宁夏</option>
							<option value="650000">新疆</option>
							<option value="710000">台湾</option>
							<option value="810000">香港</option>
							<option value="820000">澳门</option>
							<option value="990000">海外</option>--%>
						</select>

						<section style="clear: both;"></section>
					</div>
					<div style="clear: both;"></div>


					<div class="artwork_detail_o case2">
						<div>
							<span class="artwork_detail_t">毕业</span><span>美院：</span>
						</div>
						<div>
							<ul class="subcate">
								<li class="curs"><a href="javascript:void(0);" data="">不限</a></li>
								<c:forEach items="${queryCollege}" var="i">
								<li><a href="javascript:void(0);" data=${i.s_name}>${i.s_name}</a></li>
								</c:forEach>
								<%--<li><a href="javascript:void(0);" data="四川美院">四川美院</a></li>
								<li><a href="javascript:void(0);" data="鲁迅美院">鲁迅美院</a></li>
								<li><a href="javascript:void(0);" data="西安美院">西安美院</a></li>
								<li><a href="javascript:void(0);" data="广州美院">广州美院</a></li>
								<li><a href="javascript:void(0);" data="天津美院">天津美院</a></li>
								<li><a href="javascript:void(0);" data="湖北美院">湖北美院</a></li>
								<li><a href="javascript:void(0);" data="广州美院">广州美院</a></li>
								<li><a href="javascript:void(0);" data="上大美院">上大美院</a></li>

								<li><a href="javascript:void(0);" data="其它">其它</a></li>--%>
							</ul>
							<div style="clear: both;"></div>
						</div>
						<section style="clear: both;"></section>
					</div>
					<div style="clear: both;"></div>


					<div class="artwork_detail_o case4">
						<div>
							<span class="artwork_detail_t">精准搜索</span><span>：</span>
						</div>
						<div class="sel">
							<form action="artist" method="post">
							<input type="search" id="accurate_val" name="seekName" placeholder="请输入艺术家的名字">
								<input type="submit"  value="查询">
								<span id="search_accurate"> </span>

							</form>
						</div>

						<section style="clear: both;"></section>
					</div>
					<div style="clear: both;"></div>

				</div>
			</div>
			<div style="clear: both;"></div>

			<!--内容区域-->
			<div class="art_con">
				<div class="con_nav">
					<p class="cursent" sort="0">最新</p>
					<p sort="1">人气</p>
					<div class="sel_slect">
						<div class="sel_s"></div>
						<span>只看精选</span>
					</div>
					<div class="fen_clo">
						<c:if test="${pbm.pageNun !=1}">
							<span class="sp1"><a href=" ${pageContext.request.contextPath}/webpage/artist?pageNun=${pbm.pageNun - 1} "> &lt;</a> </span><span class="sp2"></span>
						</c:if>
						<span style="color:red;">${pbm.pageNun}</span>/${pbm.pageSize}
						<c:if test="${pbm.pageNun !=  pbm.totalPage}">
							<span class="sp3"><a href=" ${pageContext.request.contextPath}/webpage/artist?pageNun=${pbm.pageNun+1} "> &gt;</a> </span><span class="sp2"></span>
						</c:if>

					</div>
				</div>
				<div style="clear: both;"></div>



				<ul>
                    <c:forEach items="${list3}" var="i" varStatus="status">
					<li>

						<div>
							<a href="#"><img src="${pageContext.request.contextPath}${i.a_head}" alt=""></a>
							<p class="artfocus">
								<span onclick="$.Bfw.addfans(39084,bfwResponse);return false;"> 关注</span>
							</p>
						</div>
						<div>
							<p>
								<a href="#702054.s.artbloger.com/">${i.a_name}</a> <span>粉丝：${i.a_fans}</span>
							</p>
							<p>${i.a_intro}</p>
						</div>

						<div class="con_pic">
							<ul>
								<li><a href="#" target="_blank"><div>
											<img src="${pageContext.request.contextPath}${i.a_image}" style="width: 100%;" alt="${i.a_product}" title="${i.a_product}">
										</div>
										<p>${i.a_product}</p>
										<p>${i.a_price}</p></a></li>

							</ul>
						</div>
					</li>
					</c:forEach>


		<div class="art_column">
			<ul class="page_num">
				<c:if test="${pbm.pageNun !=1}">
					<li class="pre"><a href=" ${pageContext.request.contextPath}/webpage/artist?pageNun=${pbm.pageNun - 1}">&lt;</a></li>
				</c:if>

				<c:forEach begin="${pbm.start}" end="${pbm.end }"  step="1" var="i" >
				    <li class="" bs="${i}" >
						<a href="artist?pageNun=${i}">${i}</a>
					</li>
				</c:forEach>
                 <c:if test="${pbm.pageNun !=  pbm.totalPage}">
					 <li class="next"><a href=" ${pageContext.request.contextPath}/webpage/artist?pageNun=${pbm.pageNun+1} ">&gt;</a></li>
                 </c:if>
			</ul>
		</div>
<%--<div class="message">共<i class="blue">${pbm.totalRecord}</i>条记录，当前显示第&nbsp;<i class="blue">${pbm.pageNun}&nbsp;</i>页</div>
<ul class="paginList">
	<!-- 如果当前--有为第一页时，就没有上一页的超链接显示 -->
	<c:if test="${pbm.pageNun != 1 }">
		<li class="paginItem"><a href=" ${pageContext.request.contextPath}/managehartist.do?pageNun=${pbm.pageNun - 1}"><span class="pagepre"> < </span></a></li>
	</c:if>

	<c:forEach begin="${pbm.start }" end="${pbm.end }"  step="1" var="i" >
		&lt;%&ndash;   <c:if test="${pageProductMessage.pageNu == i}"> &ndash;%&gt;
		<li class="paginItem"><a href=" ${pageContext.request.contextPath}/managehartist.do?pageNun=${i}">${i}</a></li>
		&lt;%&ndash;  </c:if> &ndash;%&gt;
	</c:forEach>

	<c:if test="${pbm.pageNun !=  pbm.totalPage}">
		<li class="paginItem"><a href=" ${pageContext.request.contextPath}/managehartist.do?pageNun=${pbm.pageNun+1} "><span class="pagenxt">></span></a></li>
	</c:if>
</ul>--%>
</div>
		<script type="text/javascript">
			GetAjax()
			$("#art_listid").change(function() {
				if ($(this).find("option:selected").index() != 0) {
					var html = '<span> > </span><p> 省份：' + $("#art_listid option:selected").html() + '&nbsp;<img class="delete_current" src="#static.artbloger.com/images/cancel.png" alt=""></p>';
				} else {
					var html = '';
				}
				$(".fen_classid").eq(0).html(html);
				$(".delete_current").on('click', function() {
					$(this).parent().parent().html("");
					$("#art_listid option").eq(0).attr("selected", true);
					GetAjax();
				});
				GetAjax();
			});
			$(".subcate li a").click(function() {
				$(this).parent().addClass('curs').siblings().removeClass('curs');
				if ($(this).parent().index() != 0) {
					var html = '<span> > </span><p> 毕业美院：' + $(this).attr('data') + '&nbsp;<img class="delete_current" src="#static.artbloger.com/images/cancel.png" alt=""></p>';
				} else {
					var html = '';
				}
				$(".fen_classid").eq(1).html(html);
				$(".delete_current").on('click', function() {
					$(this).parent().parent().html("");
					$(".subcate li a").eq(0).parent().addClass('curs').siblings().removeClass('curs');
					GetAjax();
				});
				GetAjax();
			});
			$("#search_accurate").click(function() {
				var nickname = $("#accurate_val").val();
				Load(nickname);
				LoadFenYe(nickname);
			});
			$('.artist_list1 .art_con .con_nav p').click(function() {
				$(this).addClass('cursent').siblings().removeClass('cursent');
				GetAjax();
			})
			$(".sel_slect div").click(function() {
				if ($(this).attr('class') == "sel_s") {
					$(this).addClass('sel_c').removeClass('sel_s');
				} else {
					$(this).addClass('sel_s').removeClass('sel_c');
				}
				GetAjax();
			});
			$(".fen_pricerange").click(function() {
				$("#art_listid option").eq(0).attr("selected", true);
				$(".subcate li a").eq(0).parent().addClass('curs').siblings().removeClass('curs');
				$(".fen_classid").eq(0).html("");
				$(".fen_classid").eq(1).html("");
				GetAjax();
			});
			function GetAjax() {
				var province = $("#art_listid").val();
				var page = 1;
				var school = $(".curs a").attr('data');
				var sorttype = $(".cursent").attr('sort');
				var nickname = "";
				if ($(".sel_slect div").attr('class') == "sel_c") {
					var recommend = 1;
				} else {
					var recommend = 0;
				}
				//加载列表
				Load(nickname, province, page, school, sorttype, recommend);
				//加载分页
				LoadFenYe(nickname, province, page, school, sorttype, recommend);
			}
			//加载数据的方法
			function Load(nickname = "", province = "", page = 1, school = "", sorttype = 0, recommend = 0) {
				var nickname = nickname;
				var province = province;
				var page = page;
				var school = school;
				var sorttype = sorttype;
				var recommend = recommend;
				$.ajax({
					type : "POST",
					url : "/Cms/Page/Art/",
					data : {
						province : province,
						page : page,
						school : school,
						sorttype : sorttype,
						recommend : recommend,
						nickname : nickname
					},
					dataType : "json",
					success : function(data) {
						var str = '';
						index = 1;
						if (data == '') { //没有数据时给一张默认图片
							str += '<img src="#static.artbloger.com/images/no.png" title="没有数据" alt="没有数据"/>';
							$('.art_con ul').html(str);
						}
						$.each(data, function(key, item) {
							if (item.domian != "") {
								var domain = item.domian + '.s.artbloger.com';
							} else {
								var domain = item.sncode;
							}
							if (item.nickname.length > 3) {
								item.nickname = (item.nickname).substr(0, 3) + '...';
							}
							str += '<li>';
							str += '<div>';
							str += '<a href="#' + domain + '"><img src="' + item.userimg + '" alt=""></a>';
							str += '<p class="artfocus">';
							if (item.isfollow) {
								str += '<span onclick="$.Bfw.cancelfans(' + item.id + ',bfwResponse);return false;"> 已关注</span>';
							} else {
								str += '<span onclick="$.Bfw.addfans(' + item.id + ',bfwResponse);return false;"> 关注</span>';
		
							}
							str += '</p>';
							str += '</div>';
							str += '<div>';
							str += '<p><a href="#' + domain + '">' + item.nickname + '</a> <span>粉丝：' + item.fansnum + '</span></p>';
							str += '<p>' + item.summary + '</p>';
							str += '</div>';
							str += '<div class="con_pic">';
							str += '<ul>';
							$.each(item.artworkdata, function(key1, item1) {
								str += '<li>';
								str += '<a href="' + item1.artislisturl + '" target="_blank">';
								str += '<div><img src="' + item1.productimg + '" style="width: 100%;"  alt="' + item1.productname + '" title="' + item1.productname + '"></div>';
								str += '<p>' + item1.productname + '</p>';
								str += '<p>' + '￥' + item1.saleprice + '</p>';
								str += '</a>';
								str += '</li>';
							});
							str += '</ul>';
							str += '</div>';
							str += '</li>';
						});
						$('.art_con ul').html(str);
		
					},
				/* error : function(data) {
					alert('出错了！');
				} */
				});
			}
			//加载分页信息的方法
	/*		function LoadFenYe(nickname = "", province = "", page = 1, school = "", sorttype = 0, recommend = 0) {
				var nickname = nickname;
				var content = ""; //分页的HTML代码
				var fen_clo_str = "";
				var province = province;
				var page = page;
				var school = school;
				var sorttype = sorttype;
				var recommend = recommend;
				var minys = 1; //最小的页数
				var maxys = 1; //最大的页数
				//ajax查询总页数
				$.ajax({
					async : false,
					data : {
						nickname : nickname,
						province : province,
						school : school,
						sorttype : sorttype,
						recommend : recommend
					},
					type : "POST",
					url : "/Cms/Page/ArtFenye/",
					dataType : "json",
					success : function(data) {
						maxys = parseInt(data); //这个是总页数		    
					}
				});
				fen_clo_str += '<span class="sp1"> < </span><span class="sp2"> <span style="color:red;">' + page + '</span>/' + maxys + ' </span><span class="sp3"> > </span>';
				$(".fen_clo").html(fen_clo_str);
				if (maxys > 0) {
					//加载分页列表
					//加载上一页
					content += '<li class="pre"><</li>';
					if (maxys > 6) {
						//当前页数小于5时显示省略号
						if (page < 5) {
							for (var i = 1; i < 6; i++) {
								if (page == i) {
									content += "<li class='list' bs='" + i + "' id='select_change_c'>" + i + "</li>";
								} else {
									content += "<li class='list' bs='" + i + "'>" + i + "</li>";
								}
							}
							content += "<li>. . .</li>";
							content += "<li class='list' bs='" + maxys + "'>" + maxys + "</li>";
						} else {
							//页码在中间部分时候
							if (page < maxys - 3) {
								content += "<li class='list' bs='" + 1 + "'>1</li>";
								content += "<li>. . .</li>";
								for (var i = page - 2; i < page + 3; i++) {
									if (page == i) {
										content += "<li class='list' bs='" + i + "' id='select_change_c'>" + i + "</li>";
									} else {
										content += "<li class='list' bs='" + i + "'>" + i + "</li>";
									}
								}
								content += "<li>. . .</li>";
								content += "<li class='list' bs='" + maxys + "' >" + maxys + "</li>";
							//判断页码在末尾的时候	
							} else {
								content += "<li class='list' bs='" + 1 + "'>1</li>";
								content += "<li>. . .</li>";
								for (var i = maxys - 4; i < maxys + 1; i++) {
									if (page == i) {
										content += "<li  class='list' bs='" + i + "'id='select_change_c'>" + i + "</li>";
									} else {
										content += "<li class='list' bs='" + i + "'>" + i + "</li>";
									}
								}
							}
						}
					//页面总数小于6的时候
					} else {
						for (var i = 1; i < maxys + 1; i++) {
							if (page == i) {
								content += "<li class='list' bs='" + i + "' id='select_change_c'>" + i + "</li>";
							} else {
								content += "<li class='list' bs='" + i + "'>" + i + "</li>";
							}
						}
					}
					//加载下一页
					content += '<li class="next">></li>';
					$(".page_num").html(content);
					//第一页
					$(".pre1").click(function() {
						page = 1;
						//加载列表
						Load(nickname, province, page, school, sorttype, recommend);
						//加载分页
						LoadFenYe(nickname, province, page, school, sorttype, recommend);
					});
					//上一页加点击事件
					$(".pre").click(function() {
						//改变当前页
						page = page - 1;
						if (page < 1) {
							page = 1;
						}
						//加载列表
						Load(nickname, province, page, school, sorttype, recommend);
						//加载分页
						LoadFenYe(nickname, province, page, school, sorttype, recommend);
					});
		
					//给列表加点击事件
					$(".list").click(function() {
						//改变当前页
						page = parseInt($(this).attr("bs"));
						//加载列表
						Load(nickname, province, page, school, sorttype, recommend);
						//加载分页
						LoadFenYe(nickname, province, page, school, sorttype, recommend);
					});
		
					//下一页加点击事件
					$(".next").click(function() {
						//改变当前页
						page = page + 1;
						if (page > maxys) {
							page = maxys;
						}
						//加载列表
						Load(nickname, province, page, school, sorttype, recommend);
						//加载分页
						LoadFenYe(nickname, province, page, school, sorttype, recommend);
					});
					//最后一页
					$(".next1").click(function() {
						page = maxys;
						//加载列表
						Load(nickname, province, page, school, sorttype, recommend);
						//加载分页
						LoadFenYe(nickname, province, page, school, sorttype, recommend);
					});
					//最后一页
					$(".sp1").click(function() {
						page = page - 1;
						if (page < 1) {
							page = 1;
						}
						$(".sp2").html('<span style="color:red;">' + page + '</span>/' + maxys);
						//加载列表
						Load(nickname, province, page, school, sorttype, recommend);
						//加载分页
						LoadFenYe(nickname, province, page, school, sorttype, recommend);
					});
					//最后一页
					$(".sp3").click(function() {
						//改变当前页
						page = page + 1;
						if (page > maxys) {
							page = maxys;
						}
						$(".sp2").html('<span style="color:red;">' + page + '</span>/' + maxys);
						//加载列表
						Load(nickname, province, page, school, sorttype, recommend);
						//加载分页
						LoadFenYe(nickname, province, page, school, sorttype, recommend);
					});
					$('html, body').animate({
						scrollTop : 0
					}, 1);
				} else {
					$(".page_num").html(content);
				}
			}*/
		</script>
		<div class="footer_box">
			<div class="footer_top">
				<img class="footer_img" src="images/footer_log.png">
				<div class="fr">
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/Questions/">常见问题</a>
							<!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
							<a href="#www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a href="#www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
							<!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#">关于我们</a>
						</dt>
						<dd>
							<!--<a href="javsacript:;">人才招募</a>-->
							<a href="#">联系我们</a> <a href="#">艺术家招募</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/dingyuehao.png">
						</dt>
						<dd>
							<a href="javascript:;">微信订阅号</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/app_down.jpg">
						</dt>
						<dd>
							<a href="javascript:;">手机艺博客</a>
						</dd>
					</dl>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="footer_bottom">
				<p class="footer_bottom_p">
					艺博客版权所有 <a href="#www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright © 2013 - 2017 artbloger.com, All Rights Reserved. <span id="cnzz_stat_icon_1265187549"><a
						href="#www.cnzz.com/stat/website.php?web_id=1265187549" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="images/pic.gif"></a></span>
				</p>
			</div>
		</div>
	</div>


	<iframe name="228987" height="0" width="0" src="images/mv.html" style="display: none;"></iframe>

</body>

</html>
